<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@ include file="../common/header.jsp"%>

<div id="saper-container">
    <div id="saper-hd"></div>
    <div id="saper-bd">
        <div class="subfiled clearfix">
            <h2>${titleName}</h2>
        </div>
        <div class="subfiled-content">
            <form class="saper-form">
                <div class="kv-item clearfix">
                    <label>关键字搜索:&nbsp;</label>
                    <div class="kv-item-content">
                        <input type="text" placeholder="请输入要查询的关键字" />
                    </div>
                </div>
            </form>
            <!--表格开始-->
            <div class="table">
                <div class="table-box">
                    <table>
                        <thead>
                        <tr>
                            <th>指示灯</th>
                            <th>事件编号</th>
                            <th>上报方式</th>
                            <th style="width: 150px;">事件名</th>
                            <th>事件类别</th>
                            <th>上报人</th>
                            <th>上报时间</th>
                            <th>督办次数</th>
                            <th>状态</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <c:forEach items="${formatList}" var="format" varStatus="status">
                            <tr>
                                <td>
                                    <c:choose>
                                        <c:when test="${format.doBanCount < 3}">
                                            <div class="light light-main"></div>
                                        </c:when>
                                        <c:when test="${format.doBanCount < 6}">
                                            <div class="light light-yellow"></div>
                                        </c:when>
                                        <c:when test="${format.doBanCount < 10}">
                                            <div class="light light-red"></div>
                                        </c:when>
                                        <c:otherwise>
                                            <div class="light light-blue"></div>
                                        </c:otherwise>
                                    </c:choose>
                                </td>
                                <td>${format.ctReport.id}</td>
                                <td>${format.categoryName}</td>
                                <td>${format.ctReport.title}</td>
                                <td>
                                        ${format.typeBigName}
                                    <c:if test="${format.typeSmallName != null}">
                                        &nbsp;&nbsp;${format.typeSmallName}
                                    </c:if>
                                </td>
                                <td>${format.reportName}</td>
                                <td>${format.createTimeName}</td>
                                <td>
                                        ${format.doBanCount}&nbsp;&nbsp;
                                            <button class="layui-btn layui-btn-xs"
                                                    city-event="business-record"
                                                    event-id="${format.ctReport.id}">记录
                                            </button>
                                </td>
                                <td>${format.scheduleName}</td>
                                <td>
                                    <button class="layui-btn layui-btn-xs" city-detail="detail"
                                            detail-id="${format.ctReport.id}">查看
                                    </button>
                                </td>
                            </tr>
                        </c:forEach>
                        </tbody>
                    </table>
                </div>
            </div>
            <!--表格结束-->
        </div>
    </div>
    <div id="saper-ft"></div>
</div>

<%@ include file="../common/footer.jsp"%>
